import { PureComponent } from 'react';
import moment from 'moment';
import '@/assets/iconfont/iconfont';
import styles from './StaffInfoList.less';
import SelectDeptTree from '@/components/SelectDeptTree';
import { dicTextByCodePcode,dicListByPcode } from '@/utils/dictionary'
import {
    Row,
    Col,
    Form,
    Input,
    Select,
    Modal,
    DatePicker,
    Button,
    Upload,
    Cascader
} from 'antd';
const FormItem = Form.Item;
const { Option } = Select;
const formItemLayout = {
 	labelCol: { span: 10 },
   	wrapperCol: { span: 14 },
};

@Form.create()
class UpdateForm extends PureComponent {

	constructor(props) {
		super(props);
		// const staffAge = moment().format('YYYY') - moment(props.values.date_of_birth).format('YYYY');
    this.state = {
			formVals: {
        za0100: props.values.za0100,
        a0101: props.values.a0101,
        a0103: props.values.a0103,
        a0104: props.values.a0104,
        a0107: props.values.a0107,
        a0111: props.values.a0111,
        a0113: props.values.a0113,
        a0114: props.values.a0114,
        a0115: props.values.a0115,
        a0117: props.values.a0117,
        a0127: props.values.a0127,
        a0131: props.values.a0131,
        a0132: props.values.a0132,
        a0134: props.values.a0134,
        a0137: props.values.a0137,
        a0138: props.values.a0138,
        a0139: props.values.a0139,
        a0140: props.values.a0140,
        a0141: props.values.a0141,
        a0144: props.values.a0144,
        a0151: props.values.a0151,
        a0157_1: props.values.a0157_1,
        a0157_2: props.values.a0157_2,
        a0157_3: props.values.a0157_3,
        a0161: props.values.a0161,
        a0164: props.values.a0164,
        a0167: props.values.a0167,
        a0171: props.values.a0171,
        a0174: props.values.a0174,
        a0177: props.values.a0177,
        a0181_1: props.values.a0181_1,
        a0181_2: props.values.a0181_2,
        a0184: props.values.a0184,
        a0187: props.values.a0187,
        a0190: props.values.a0190,
        a0191: props.values.a0191,
        a0193: props.values.a0193,
        a0195: props.values.a0195,
        a0198: props.values.a01v98,
        a0199: props.values.a0199,
        a01f6: props.values.a01f6,
        za9992_1: props.values.za9992_1,
        za9992_2: props.values.za9992_2,
        a01f10: props.values.a01f10,
        a01f11: props.values.a01f11,
        a01f12: props.values.a01f12,
        a01f19: props.values.a01f19,
        a01f20: props.values.a01f20,
        a01f18: props.values.a01f18,
        a01f23: props.values.a01f23,
        a0133: props.values.a0133,
        a0162: props.values.a0162
			},
			file: null,
			imageUrl: props.values.photo_sign,
			// ageNum: staffAge?staffAge:null,
			ageNum: null,
			photoNum: props.values.photo_sign?1:0,
			visiblePhoto: false,
			getDeptTreeBySelectTree: "",
		};

	}


	componentWillReceiveProps(nextProps) {
		// if(undefined != nextProps.values && nextProps.values !== this.props.values) {
		// 	const staffAge = moment().format('YYYY') - moment(nextProps.values.date_of_birth).format('YYYY');
		//     this.setState({
		//       formVals: nextProps.values,
		//       imageUrl: nextProps.values.photo_sign,
		//       photoNum: nextProps.values.photo_sign?1:0,
		//       ageNum: staffAge?staffAge:null
		//     });
		// }

	}

	selectedDeptTreeValue = (deptRecord) => {
		this.setState({
			getDeptTreeBySelectTree: deptRecord
		})
	}

	beforeUpload = file => {

		this.setState({
        	file:file,
	  	});

		if(window.FileReader) {
	      const reader = new FileReader();

	      reader.readAsDataURL(file);

			  reader.addEventListener('load', () => {

			  	this.setState({
		          imageUrl:reader.result,
		          loading: false,
		          photoNum: 1
		      	})

			  });
		}

	  const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
	  if (!isJpgOrPng) {
	    message.error('You can only upload JPG/PNG file!');
	  }
	  const isLt2M = file.size / 1024 / 1024 < 2;
	  if (!isLt2M) {
	    message.error('Image must smaller than 2MB!');
	  }
	  return isJpgOrPng && isLt2M;
	}

	handleCancel = () => {
		this.setState({
	      visiblePhoto: false,
	    });
	}

	handleOk = () => {
		this.setState({
	      visiblePhoto: false,
	    });
	}

	staffPhotoShow = () => {
		this.setState({
	      visiblePhoto: true,
	    });
	}

 	birthChange = value => {
		this.setState({
			ageNum: moment().format('YYYY') - value.format('YYYY')

		})
	}

	handleLocalUpdate = (event) => {
		event.preventDefault();
		const { form,handleSubmitBaseInfo } = this.props;
		const { formVals: oldValue,getDeptTreeBySelectTree } = this.state;
		form.validateFields((err, fieldsValue) => {
			if(err) return;
			form.resetFields();
			const formVals = {
				...oldValue,
				...fieldsValue
			};
			this.setState({
				formVals,
			});

			/* if(getDeptTreeBySelectTree) {
				formVals.dept_id = getDeptTreeBySelectTree.triggerNode.props.dataRef.dept_id;
				formVals.dept = getDeptTreeBySelectTree.triggerNode.props.dataRef.title;
			}

			if(formVals.post) {
				formVals.post_id = formVals.post.key;
				formVals.post_name = formVals.post.label;
			}

			if(formVals.date_of_birth) {
      			formVals.date_of_birth = moment(formVals.date_of_birth._d).format("YYYY-MM-DD");
      		}
			if(formVals.join_party_time) {
      			formVals.join_party_time = moment(formVals.join_party_time._d).format("YYYY-MM-DD");
      		} */
			// formVals.file = this.state.file;
			handleSubmitBaseInfo(formVals);

		});
	};

  render() {
    const {
    	form: {getFieldDecorator},
    	editBaseInfo,
    	cancelEditBaseInfo,
    	cascaderList,
    	values,
    	selectDeptTree,
    	postForUser,
		requestModelName,
		dispatch
    } = this.props;

    const parentDeptTreeMethod = {
		dispatch: dispatch,
		selectDeptTree: selectDeptTree,
		selectedDeptTreeValue: this.selectedDeptTreeValue,
		requestModelName: requestModelName,
	}

    const { formVals,imageUrl,photoNum } = this.state;
    let newPlace = [];
    if(values.place_of_origin && values.place_of_origin != "null" ) {
    	const place = JSON.parse(values.place_of_origin);
    	newPlace = place.map((item,index) => item = item + '');
    }
   	const uploadButton = (
      <div style={{marginTop: '30px'}}>
      	<svg className={`${styles.icon} ${styles.staffPhoto}`} aria-hidden="true">
          <use xlinkHref="#icon-shangchuanzhaopian"></use>
        </svg>
        <div className="ant-upload-text">上传照片</div>
      </div>
    );
	return (
		<div>
			<Modal
	    	  centered
	    	  title="员工照片"
	    	  width={800}
			  bodyStyle={{textAlign: 'center'}}
	          visible={this.state.visiblePhoto}
	          onOk={this.handleOk}
	          onCancel={this.handleCancel}
	        >
				<Upload
			      	accept=".jpeg,.png,.jpg"
			        listType="picture-card"
			        className="avatar-uploader"
			        showUploadList={false}
			        beforeUpload={this.beforeUpload}
			        style={{display: 'table',width:'120px',height: '120px',margin: '0 auto',verticalAlign:'top'}}
			      >
		        	{imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> : uploadButton}
		      	</Upload>
		      	<div>图片格式为JPG/JPEG/PNG,大小在2MB内</div>
	        </Modal>
			{editBaseInfo?(
				<Form  onSubmit={this.handleLocalUpdate}>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="姓名">
			              {getFieldDecorator('a0101', {
			              rules: [{ required: true, message: '请输入1-10个字符的姓名',max: 10}],
			              initialValue: formVals.a0101,
			              })(<Input placeholder="1-10个字符"/>)}
			          </FormItem>
			        </Col>

              <Col md={12} sm={24}>
                <FormItem  label="性别">
                    {getFieldDecorator('a0104', {
                      rules: [{ required: true, message: '请选择'}],
                      initialValue: formVals.a0104,
                    })(
                      <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                      	{dicListByPcode('AX') != undefined?dicListByPcode('AX').map((item,index) => {
                      		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                      	}):null}
                      </Select>
                    )}
                </FormItem>
              </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="民族">
			              {getFieldDecorator('a0117',{
			              	initialValue: formVals.a0117,
			              })(
			              	<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			              		{dicListByPcode('AE') != undefined?dicListByPcode('AE').map((item,index) => {
			              			return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			              		}):null}
			              	</Select>
			              )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="出生日期">
			              {getFieldDecorator('a0107', {
			              rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0107?moment(formVals.a0107):null,
			              })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col md={12} sm={24}>
			          <FormItem  label="人员状态">
			              {getFieldDecorator('a0199', {
			              rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0199,
			              })(
			              	<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			              	  	{dicListByPcode('YT') != undefined?dicListByPcode('YT').map((item,index) => {
			              	  		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			              	  	}):null}
			              	  </Select>
			              )}
			          </FormItem>
			        </Col>

			        <Col md={12} sm={24}>
			          <FormItem  label="人员类别">
			              {getFieldDecorator('a0151',{
			                rules: [{ required: false, message: '请选择！'}],
                      initialValue: formVals.a0151,
			              })(
			              	<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                        {dicListByPcode('R1') != undefined?dicListByPcode('R1').map((item,index) => {
                          return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                        }):null}
                      </Select>
			              )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="个人身份">
			              {getFieldDecorator('a0198', {
			              rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0198,
			              })(
                      <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                        {dicListByPcode('YB') != undefined?dicListByPcode('YB').map((item,index) => {
                          return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                        }):null}
                      </Select>
                    )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="警号">
			              {getFieldDecorator('a0113', {
                    rules: [{ required: false, message: '1-40个字符'}],
			              initialValue: formVals.a0113,
			              })(<Input placeholder="1-40个字符" />)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="身份证号">
			              {getFieldDecorator('a0184', {
			              rules: [{ required: false, message: '身份证格式不符',  pattern:/^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/ }],
			              initialValue: formVals.a0184,
                    })(<Input placeholder="正规身份证号格式" />)}
			          </FormItem>
			        </Col>

			       	<Col  md={12} sm={24}>
			       	  <FormItem  label="籍贯">
			       	      {getFieldDecorator('a0111', {
			       	        rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0111,
			       	        })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
			       	  </FormItem>
			       	</Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			    	<Col md={12} sm={24}>
			    	  <FormItem  label="婚姻状况">
			    	      {getFieldDecorator('a0131', {
			    	        rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0131,
			    	        })(
			    	        <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			    	        	{dicListByPcode('BG') != undefined?dicListByPcode('BG').map((item,index) => {
			    	        		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			    	        	}):null}
			    	        </Select>
			    	      )}
			    	  </FormItem>
			    	</Col>

            <Col md={12} sm={24}>
              <FormItem  label="健康状况">
                  {getFieldDecorator('a0127', {
                    rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0127,
                    })(
                    <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    	{dicListByPcode('JK') != undefined?dicListByPcode('JK').map((item,index) => {
                    		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    	}):null}
                    </Select>
                  )}
              </FormItem>
            </Col>
			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="血型">
			              {getFieldDecorator('a0103', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0103,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('XX') != undefined?dicListByPcode('XX').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="涉密标志">
			              {getFieldDecorator('a0193', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0193,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="警员库标志">
			              {getFieldDecorator('a0195', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0195,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>
					<Col md={12} sm={24}>
			          <FormItem  label="政治面貌">
			              {getFieldDecorator('a0141', {
			                rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0141,
			                })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                  	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
			                  		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                  	}):null}
			                  </Select>)}
			          </FormItem>
			        </Col>

			    </Row>

				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="参加组织日期">
			              {getFieldDecorator('a0144', {
			            rules: [{ required: false, message: '请选择'}],
                  initialValue: formVals.a0144?moment(formVals.a0144):null,
			            })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="户籍所在地名称">
			              {getFieldDecorator('a0181_1', {
			                rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0181_1,
			              })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			       	  <FormItem  label="出生地">
			       	      {getFieldDecorator('a0114', {
			       	        rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0114,
			       	      })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
			       	  </FormItem>
			       	</Col>
			        <Col md={12} sm={24}>
			            <FormItem  label="成长地">
			                {getFieldDecorator('a0115', {
			                  rules: [{ required: false, message: '请选择'}],
                        initialValue: formVals.a0115,
			                })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
			            </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col  md={12} sm={24}>
			            <FormItem  label="户籍所在地详址">

			                {getFieldDecorator('a0181_2', {
			                  rules: [{ required: false, message: '最多输入13个字符'}],
                        initialValue: formVals.a0181_2,
			                })(<Input placeholder="最多输入13个字符" />)}
			            </FormItem>
			        </Col>

					<Col md={12} sm={24}>
				        <FormItem  label="参加工作日期">
				            {getFieldDecorator('a0134', {
				              rules: [{ required: false, message: '请选择'}],
                        initialValue: formVals.a0134?moment(formVals.a0134):null,
				            })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
				        </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="参加公安工作日期">
			              {getFieldDecorator('a0138', {
			                rules: [{ required: false, message: '请选择'}],
                        initialValue: formVals.a0138?moment(formVals.a0138):null,
			              })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="基层工作经历时间">
			              {getFieldDecorator('a0140', {
			                rules: [{ required: false, message: '1-13个字符'}],
                        initialValue: formVals.a0140,
			              })(<Input placeholder="1-13个字符"/>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
			    	<Col md={12} sm={24}>
			            <Button
			            	size="large"
			            	style={{marginRight: '10px'}}
			            	onClick={()=> {
			            		const { form } = this.props;
  								form.resetFields();
			            		cancelEditBaseInfo();
			            	}}>
			            	取消
			           	</Button>
			            <Button size="large" type="primary" htmlType="submit">保存</Button>
			        </Col>
			    </Row>

			  </Form>
			):(
			<Form  {...formItemLayout}>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="姓名">
			              {getFieldDecorator('a0101')(<span>{formVals.a0101}</span>)}
			          </FormItem>
			        </Col>

					<Col md={12} sm={24}>
			          <FormItem  label="性别">
			              {getFieldDecorator('a0104')(<span>{formVals.a0104}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="民族">
			              {getFieldDecorator('a0117')(<span>
			              	{(() => {
			              		return dicTextByCodePcode(formVals.a0117, 'AX');
				              	}
			             )()}
			            </span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="出生日期">
			              {getFieldDecorator('a0107')(<span>{formVals.a0107?moment(formVals.a0107).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col md={12} sm={24}>
			          <FormItem  label="人员状态">
			              {getFieldDecorator('a0199')(<span>{formVals.a0199}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="人员类别">
			              {getFieldDecorator('a0151')(<span>{formVals.a0151}
			              	</span>)}
			          </FormItem>
			        </Col>


			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="个人身份">
			              {getFieldDecorator('a0198')(<span>{formVals.a0198}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="警号">
			              {getFieldDecorator('a0113')(<span>{formVals.a0113}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="身份证号">
			              {getFieldDecorator('a0184')(<span>{formVals.a0184}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="籍贯">
			              {getFieldDecorator('a0111')(<span>{formVals.a0111}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			    	<Col  md={12} sm={24}>
				        <FormItem  label="婚姻状况">
				            {getFieldDecorator('a0131')(<span>{formVals.a0131}</span>)}
				        </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="健康状况">
			              {getFieldDecorator('a0127')(<span>{formVals.a0127}
			              </span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="血型">
			              {getFieldDecorator('a0103')(<span>{formVals.a0103}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="民族">
			              {getFieldDecorator('nation')(<span>{formVals.nation}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="涉密标志">
			              {getFieldDecorator('a0193')(<span>{formVals.a0193}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="警员库标志">
			              {getFieldDecorator('a0195')(<span>{formVals.a0195}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="政治面貌">
			              {getFieldDecorator('a0141')(<span>{formVals.a0141}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="参加组织日期">
			              {getFieldDecorator('a0144')(<span>{formVals.a0144?moment(formVals.a0144).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			          <FormItem  label="户籍所在地名称">
			              {getFieldDecorator('a0181_1')(<span>{formVals.a0181_1}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="出生地">
			              {getFieldDecorator('a0114')(<span>{formVals.a0114}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			          <FormItem  label="成长地">
			              {getFieldDecorator('a0115')(<span>{formVals.a0115}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="户籍所在地详址">
			              {getFieldDecorator('a0181_2')(<span>{formVals.a0181_2}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="参加工作日期">
			              {getFieldDecorator('a0134')(<span>{formVals.a0134?moment(formVals.a0134).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="参加公安工作日期">
			              {getFieldDecorator('a0138')(<span>{formVals.a0138?moment(formVals.a0138).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="基层工作经历时间">
			              {getFieldDecorator('a0140')(<span>{formVals.a0140}</span>)}
			          </FormItem>
			        </Col>


			    </Row>


			  </Form>
			)}
		</div>


	);
  }

}

export default UpdateForm;
